<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="fdcolumn">
    <header class="fdcolumn">
        <p class="return">&lt;</p>
        <div class="f18 fdrow jbetwen acenter my-data">
            <div>我的运动数据</div>
            <div class="pic"><img src="#" alt="" id="pic"></div>
        </div>
        <ul class="my-sport fdrow jbetwen acenter">
            <li>
                <p> 总运动</p>
                <p><span id="seconds">9999</span>分钟</p>
            </li>
            <li>
                <p>本周消耗</p>
                <p><span id="calorie">9999</span>千卡</p>
            </li>
        </ul>
        <ul class="total fdrow jbetwen acenter">
            <li><span>消耗(千卡)</span><span>999</span></li>
            <li><span>累计(天)</span><span>999</span></li>
            <li><span>连续(天)</span><span>999</span></li>
        </ul>
    </header>


    <main>
        <div id="sportTime"></div>
        <div id="sportPie"></div>
    </main>


</body>

</html>